<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>剧库详情</title>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
    <link rel="stylesheet" type="text/css" href="../../js/plugins/FroalaEditor/css/font-awesome.4.6.0.css"/>
    <link rel="stylesheet" type="text/css" href="../../js/plugins/FroalaEditor/css/froala_editor.min.css" />
    <link rel="stylesheet" type="text/css" href="../../js/plugins/TUpload/css/upload.css" />

    <style>
        .layui-form-item .layui-input-inline-n{
            display: inline-block;
            width: 190px;
            margin-right: 10px;
        }

        .layui-form-item .layui-input-inline-n .no-border{
            border:none;
        }

        /*.layui-form-radio{*/
        /*margin:0px 10px 0px 0px!important;*/
        /*}*/

        img.cover-img{
            width:80px;
            height:80px;
        }
    </style>
</head>
<body class="childrenBody">
<form class="layui-form" id="addDramaForm">
    <input type="hidden" name="dId" th:value="${tDrama.dId}"/>
    <input type="hidden" name="id" th:value="${tDrama.id}"/>
    <div class="layui-form-item">
        <label class="layui-form-label">标题</label>
        <div class="layui-input-block">
            <input type="text" readonly="true" th:value="${tDrama.title}" name="title" class="layui-input informationName" lay-verify="required" placeholder="标题的长度为5-30个汉字"/>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">剧名</label>
        <div class="layui-input-block">
            <input type="text" readonly="true" th:value="${tDrama.name}" name="name" class="layui-input informationName" lay-verify="required" placeholder="请输入剧名"/>
        </div>
    </div>

    <div class="layui-form-item" id="dramaImgs">
        <label class="layui-form-label">剧照</label>
        <div class="layui-input-block" id="dramaImgWrap">
            <div class="layui-inline" th:if="${not #strings.isEmpty(tDrama.dramaUrl)}" th:each="imgUrl:${#strings.arraySplit(tDrama.dramaUrl,'@@@@')}">
                <img class="cover-img" th:src="${imgUrl}" alt="封面图"/>
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">题材</label>
            <div class="layui-input-inline">
                <select name="theme" class="newsLook" lay-filter="browseLook" id="dramaType" disabled="disabled">
                    <option th:each="name,iterStat:${dramaTypeList}" th:value="${iterStat.index}" th:text="${name}" th:selected="${tDrama.theme==iterStat.index}"></option>
                </select>
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">集数</label>
        <div class="layui-input-block">
            <input type="text" readonly="true" th:value="${tDrama.chapter}" name="chapter" class="layui-input" placeholder="请输入视频地址"/>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">导演</label>
        <div class="layui-input-block">
            <input type="text" readonly="true" th:value="${tDrama.director}" name="director" class="layui-input"/>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">演员</label>
        <div class="layui-input-block">
            <input type="text" th:value="${tDrama.actor}" class="layui-input newsName" name="actor" id="actors" lay-verify="required" readonly="true"/>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">出品公司</label>
        <div class="layui-input-block">
            <input type="text" readonly="true" th:value="${tDrama.commpany}" name="commpany" class="layui-input"/>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">开播时间</label>
        <div class="layui-input-block">
            <input type="text" readonly="true" th:value="${tDrama.firstPlayTime}" class="layui-input newsTime" lay-verify="required|date" name="firstPlayTime" onclick="layui.laydate({elem:this})"/>
        </div>
    </div>

    <input type="hidden" th:value="${tDrama.description}" id="contentH"/>
    <div class="layui-form-item">
        <label class="layui-form-label">故事梗概</label>
        <div class="layui-input-block">
            <textarea placeholder="请输入内容摘要" readonly="true" class="layui-textarea"  name="description" lay-verify="content" id="description"></textarea>
        </div>
    </div>

    <input type="hidden" name="dramaUrl" id="dramaUrl"/> <!--剧照地址-->
    <input type="hidden" name="status" value="1" id="inforStatus"/> <!--剧状态-->
</form>
<script type="text/javascript" src="../../layui/layui.js"></script>
<!--<script type="text/javascript" src="../../js/common/wangEditor.min.js"></script>-->

<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../../js/plugins/TUpload/js/T_upload.js"></script>

<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/froala_editor.min.js"></script>
<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/langs/zh_cn.js"></script>
<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/plugins/lists.min.js"></script>
<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/plugins/colors.min.js"></script>
<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/plugins/media_manager.min.js"></script>
<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/plugins/font_family.min.js"></script>
<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/plugins/font_size.min.js"></script>
<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/plugins/block_styles.min.js"></script>
<script type="text/javascript" src="../../js/plugins/FroalaEditor/js/plugins/video.min.js"></script>

<script type="text/javascript" src="../../js/drama/dramaDetail.js?version=1.0.1"></script>
</body>
</html>